<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<f:facet name="first">
		<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		<link rel="stylesheet" type="text/css" href="../css/style.css" />
		<script
			src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<title>SII-SD</title>
		<script type="text/javascript">
                    function doAjax(url){
                        $('#contenido').load(url);
                    }
                </script>
	</f:facet>
</h:head>
<h:body>
	<p:layout fullPage="true">
		<p:layoutUnit position="west" size="240" header="Menú Principal"
			collapsible="true">
			<p:accordionPanel>
				<p:tab title="Usuario CRUD">
					<ul>
						<li><a href="#" onclick="doAjax('agregarUsuario.jsf');">Agregar</a></li>
						<li><a href="#" onclick="doAjax('eliminarUsuario.jsf');">Eliminar</a></li>
						<li><a href="#" onclick="doAjax('modificarUsuario.jsf');">Modificar</a></li>
						<li><a href="#" onclick="doAjax('mostraUsuario.jsf');">Listar</a></li>
					</ul>
				</p:tab>

			</p:accordionPanel>
		</p:layoutUnit>
		
		<p:layoutUnit position="center">
			<div id="contenido"></div>
			<div id="contenidoextra"></div>
		</p:layoutUnit>
	</p:layout>
</h:body>
</html>